<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大珍珠商城</title>
    <meta name="title" content="海大 首页">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/comfirm_order.css">
    <link rel="stylesheet" href="./css/pay.css">
    <link rel="stylesheet" href="./css/pay_success.css">
    <link rel="stylesheet" href="./css/pay_failure.css">
</head>
<body>
<div class="header">
    <span href="javascript:;" class="header-prev" id="back"></span>
    <span class="header-confirm">确认订单</span>
    <span>管理</span>
</div>
<div class="main">
    <div class="message">
        <span class="message-consignee">收货人：谢先生</span>
        <span>电话：136****4321</span>
        <span class="message-address">
            <span></span>收货地址：广东省广州市天河区五山大道1090号
            <a href="javascript:;" class="message-next"></a>
        </span>
    </div>
    <ul class="news" id="orderItem"></ul>
</div>
<div class="footer">
    <span>合计金额:</span>
    <span class="footer-price" >￥<em id="totalPrice"></em></span>
    <span class="footer-submit" id="submitOrder">提交订单</span>
</div>
<div class="pay" id="pay">
    <div class="background-color"></div>
    <div class="pay-wrap">
        <div class="pay-payment">
            <span class="payment-close" id="payClose"></span>
            <span class="payment-affirm">确认付款</span>
            <span class="payment-help"></span>
        </div>
        <div class="pay-main" id="pay-main">
            <div class="pay-sum">
                <span class="sum-act1" id="payPrice">￥228.00</span>
                <span>支付宝账号</span>
                <span class="sum-act2">133******89</span>
            </div>
            <div class="pay-mode">
            <span>付款方式</span>
            <span class="pay-mode-act1">余额宝</span>
            <span class="pay-mode-act2"></span>
        </div>
            <div class="pay-immediate">
            <span href="javascript:;" class="immediate-act" id="paySure">立即付款</span>
        </div>
        </div>
        <div class="pay-success" id="pay-success">
            <div class="pay-mistake">
                <span class="mistake-act1"></span>
                <span class="mistake-act2">付款成功</span>
            </div>
            <div class="failure-immediate">
                <a href="order.html" class="immediate-act1">订单详情</a>
                <a href="index.html" class="immediate-act2">继续购物</a>
            </div>
        </div>
        <div class="pay-failure" id="pay-failure">
            <div class="pay-mistake">
                <span class="mistake-act1"></span>
                <span class="mistake-act2">付款失败</span>
            </div>
            <div class="failure-immediate">
                <a href="order.html" class="immediate-act1">订单详情</a>
                <a href="confirm_order.html" class="immediate-act2">重新支付</a>
            </div>
        </div>
    </div>
</div>

<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>
<script src="js/confirm_order.js"></script>
</body>
</html>